<html>
  <head>
    <style type="text/css">
      @import "Dashflix.css";
    </style>
    <script type='text/javascript' src='src/pref.js' charset='utf-8'/>
    <script type='text/javascript' src='src/events.js' charset='utf-8'/>
    <script type='text/javascript' src='src/scroller.js' charset='utf-8'/>

<!--
	This work is donated to the public domain. Make of it what you will.
-->

  </head>
  
<body onload="loadPrefs();" onmousemove="showFlip();" onmouseout="hideFlip();">
	<div id="front">
		<img span="backgroundImage" src="Default.png">


		<img id="spinner" src="img/spinner.gif">


		<div class="flip" id="fliprollie"></div>
		<div class="flip" id="flip" onclick="showPrefs(event);" onmouseover="showCircle();" onmouseout="hideCircle();"></div>


		<div id="overflow">
			<div id="output">&nbsp;</div>
			<div id="myScrollBar">

				<div id='myScrollTrack' onmousedown='mouseDownTrack(event);' onmouseup='mouseUpTrack(event);'>
					<div class='scrollTrackTop' id='myScrollTrackTop'></div>
					<div class='scrollTrackMid' id='myScrollTrackMid'></div>
					<div class='scrollTrackBot' id='myScrollTrackBot'></div>
				</div>
				<div id='myScrollThumb' onmousedown='mouseDownScrollThumb(event);'>
					<div class='scrollThumbTop' id='myScrollThumbTop'></div>
					<div class='scrollThumbMid' id='myScrollThumbMid'></div>
					<div class='scrollThumbBot' id='myScrollThumbBot'></div>
				</div>

			</div>
		</div>

	</div>

	<div id="back">
		<img span="backgroundImage" src="img/back.png">

		<div class="backFlip" id="backFliprollie"></div>
		<div class="backFlip" id="backFlip" onclick="hidePrefs(event);" onmouseover="showBackCircle();" onmouseout="hideBackCircle();"></div>

		<div id="overflowBack">
			<div id="outputBack">&nbsp;</div>
			<div id="otherScrollBar">

				<div id='otherScrollTrack' onmousedown='mouseDownTrack(event);' onmouseup='mouseUpTrack(event);'>
					<div class='scrollTrackTop' id='otherScrollTrackTop'></div>
					<div class='scrollTrackMid' id='otherScrollTrackMid'></div>
					<div class='scrollTrackBot' id='otherScrollTrackBot'></div>
				</div>
				<div id='otherScrollThumb' onmousedown='mouseDownScrollThumb(event);'>
					<div class='scrollThumbTop' id='otherScrollThumbTop'></div>
					<div class='scrollThumbMid' id='otherScrollThumbMid'></div>
					<div class='scrollThumbBot' id='otherScrollThumbBot'></div>
				</div>
			</div>
		</div>
		<div id="version"></div>
	</div>

</div>
</body>

</html>
